<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>文章</title>
    <link rel="stylesheet" href="./css/index- article.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <script src="./rem.js"></script>
    <div class="web">
        <div class="heard">

            <!-- 顶部导航图标 -->
            <div class="navigation">
                <span class="demo iconfont ">&#xe634;</span>
            </div>
            <!-- 顶部标题logo -->
            <div class="logo"><img src="./img/web-logo.png" alt=""></div>
            <!-- 搜索的放大镜 -->
            <div class="magnifier"><span class="demo3 iconfont ">&#xe61b;</span></div>
        </div>
        <div class="content">
            <!-- 内容头部的图 -->
            <div class="line"></div>
            <div class="content-heard">
                <!-- 遮罩 -->
                <div class="mask">
                    <!-- 遮罩内容 -->
                    <ul class="mask-content">
                        <li>[专业IMC平台]</li>
                        <li>太子金涂鸦大赛网络整合营销传播</li>
                    </ul>
                    <!-- 轮播图点 -->
                    <ul class="spot">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div class="commodity">
                <div class="commodity-content">
                    <div class="introduce">
                        <!-- 图片 -->
                        <div class="introduce-img"><img src="./img3/wh.jpg" alt=""></div>
                        <!-- 介绍 -->
                        <div class="introduce-content">
                            <p>海天"晒"宴,和汪涵一起,参观海天酱油......</p>
                        </div>
                        <!-- 点击数 -->
                        <div class="introduce-number">
                            <div class="Marketing">营销</div>
                            <div class="iconfont-number"><span class="iconfont sfont">&#xe610;120</span> <span
                                    class="iconfont sfont">&#xe62b;560</span></div>
                        </div>
                        <!-- 时间 -->
                        <div class="introduce-time">
                            <div class="time-img"><img src="./img3/touxiang.png" alt=""></div>
                            <div class="time-content"> 叶巧岚 2015年1月20日</div>
                        </div>
                    </div>
                    <div class="introduce">
                        <!-- 图片 -->
                        <div class="introduce-img"><img src="./img3/wh.jpg" alt=""></div>
                        <!-- 介绍 -->
                        <div class="introduce-content">
                            <p>海天"晒"宴,和汪涵一起,参观海天酱油......</p>
                        </div>
                        <!-- 点击数 -->
                        <div class="introduce-number">
                            <div class="Marketing">营销</div>
                            <div class="iconfont-number"><span class="iconfont sfont">&#xe610;120</span> <span
                                    class="iconfont sfont">&#xe62b;560</span></div>
                        </div>
                        <!-- 时间 -->
                        <div class="introduce-time">
                            <div class="time-img"><img src="./img3/touxiang.png" alt=""></div>
                            <div class="time-content"> 叶巧岚 2015年1月20日</div>
                        </div>
                    </div>
                </div>
                <div class="commodity-content">
                    <div class="introduce">
                        <!-- 图片 -->
                        <div class="introduce-img"><img src="./img3/wh.jpg" alt=""></div>
                        <!-- 介绍 -->
                        <div class="introduce-content">
                            <p>海天"晒"宴,和汪涵一起,参观海天酱油......</p>
                        </div>
                        <!-- 点击数 -->
                        <div class="introduce-number">
                            <div class="Marketing">营销</div>
                            <div class="iconfont-number"><span class="iconfont sfont">&#xe610;120</span> <span
                                    class="iconfont sfont">&#xe62b;560</span></div>
                        </div>
                        <!-- 时间 -->
                        <div class="introduce-time">
                            <div class="time-img"><img src="./img3/touxiang.png" alt=""></div>
                            <div class="time-content"> 叶巧岚 2015年1月20日</div>
                        </div>
                    </div>
                    <div class="introduce">
                        <!-- 图片 -->
                        <div class="introduce-img"><img src="./img3/wh.jpg" alt=""></div>
                        <!-- 介绍 -->
                        <div class="introduce-content">
                            <p>海天"晒"宴,和汪涵一起,参观海天酱油......</p>
                        </div>
                        <!-- 点击数 -->
                        <div class="introduce-number">
                            <div class="Marketing">营销</div>
                            <div class="iconfont-number"><span class="iconfont sfont">&#xe610;120</span> <span
                                    class="iconfont sfont">&#xe62b;560</span></div>
                        </div>
                        <!-- 时间 -->
                        <div class="introduce-time">
                            <div class="time-img"><img src="./img3/touxiang.png" alt=""></div>
                            <div class="time-content"> 叶巧岚 2015年1月20日</div>
                        </div>
                    </div>
                </div>
                <div class="commodity-content">
                    <div class="introduce">
                        <!-- 图片 -->
                        <div class="introduce-img"><img src="./img3/wh.jpg" alt=""></div>
                        <!-- 介绍 -->
                        <div class="introduce-content">
                            <p>海天"晒"宴,和汪涵一起,参观海天酱油......</p>
                        </div>
                        <!-- 点击数 -->
                        <div class="introduce-number">
                            <div class="Marketing">营销</div>
                            <div class="iconfont-number"><span class="iconfont sfont">&#xe610;120</span> <span
                                    class="iconfont sfont">&#xe62b;560</span></div>
                        </div>
                        <!-- 时间 -->
                        <div class="introduce-time">
                            <div class="time-img"><img src="./img3/touxiang.png" alt=""></div>
                            <div class="time-content"> 叶巧岚 2015年1月20日</div>
                        </div>
                    </div>
                    <div class="introduce">
                        <!-- 图片 -->
                        <div class="introduce-img"><img src="./img3/wh.jpg" alt=""></div>
                        <!-- 介绍 -->
                        <div class="introduce-content">
                            <p>海天"晒"宴,和汪涵一起,参观海天酱油......</p>
                        </div>
                        <!-- 点击数 -->
                        <div class="introduce-number">
                            <div class="Marketing">营销</div>
                            <div class="iconfont-number"><span class="iconfont sfont">&#xe610;120</span> <span
                                    class="iconfont sfont">&#xe62b;560</span></div>
                        </div>
                        <!-- 时间 -->
                        <div class="introduce-time">
                            <div class="time-img"><img src="./img3/touxiang.png" alt=""></div>
                            <div class="time-content"> 叶巧岚 2015年1月20日</div>
                        </div>
                    </div>
                </div>





                <div class="load-more">
                    <div>加载更多</div>
                </div>
            </div>

        </div>
        <ul class="footer">

            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./index.html">&#xe616;</a></p>
                <p class="footer-content"><a class="footer-word" href="./index.html">首页</a></p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./GIMC.html">&#xe611;</a></p>
                <p class="footer-content"><a class="footer-word" href="./GIMC.html">GIMC</a></p>
            </li>
            <li>
                <p class="iconfont footericon">&#xe667;</p>
                <p class="footer-content">文章</p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./resources.html">&#xe85e;</a></p>
                <p class="footer-content"><a class="footer-word" href="./resources.html">资源</a></p>
            </li>
            <li>
                <p class="iconfont footericon"><a class="footer-word" href="./college.html">&#xe6cf;</a></p>
                <p class="footer-content"><a class="footer-word" href="./college.html">学院</a></p>
            </li>

        </ul>
</body>

</html>